<template>
  <div class="listr">
    <div class="listr_in banxin2">
      <RightTop />
      <RightIndex :playList="songList" />
    </div>
  </div>
</template>

<script>
import { reqPlayList } from "@/request/api";
import RightTop from "../List/RightTop.vue";
import RightIndex from "../List/RightIndex.vue";

export default {
  data() {
    return {
      playList: {},
      songList: {},
      songList:{}
    };
  },
  components: {
    RightTop,
    RightIndex,
  },
  created() {
    reqPlayList(this.id).then((res) => {
      console.log(res);
      //   console.log(this.id);
      this.playList = res.data.playlist;
      this.songList = res.data;
    
    });
  },
  computed: {
    id() {
      if (this.$route.query.id == undefined) return "19723756";
      return this.$route.query.id;
    },
  },
};
</script>
 
<style lang = "less" scoped>
@import "../../assets/base";
.listr {
  width: 860px;
  /* background-color: aqua; */
  background-color: #eee;
  border-right: 1px solid #ccc;
  .banxin2 {
    width: 760px;
    margin: 0 auto;
  }
  .listr_in {
    background-color: #eee;
    
  }
}
</style>